import Vue from 'vue'
import App from './App.vue'
import {initRouter} from './router'
import './theme/index.less'
import Antd from 'ant-design-vue'
import Viser from 'viser-vue'
import store from './store'
import 'animate.css/source/animate.css'
import Plugins from '@/plugins'
import {initI18n} from '@/utils/i18n'
import bootstrap from '@/bootstrap'
import 'moment/locale/zh-cn'

const router = initRouter(store.state.setting.asyncRoutes)
const i18n = initI18n('CN', 'US')

Vue.use(Antd)
Vue.config.productionTip = false
Vue.use(Viser)
Vue.use(Plugins)

bootstrap({router, store, i18n, message: Vue.prototype.$message})

// 路由拦截
router.beforeEach((to, from, next) => {
  if (to.meta.requireAuth) { // 判断该路由是否需要登录权限
    // 如果已登录，那么跳转
    // (使用token判断是因为如果使用is_login那么再非'/'路由下刷新界面，is_login会重置为false然后重新发请求加载数据（APP.vue）
    // ，在数据加载完成之前判断就已经结束，就会走else从当前路由跳转到'/'下)
    if (localStorage.getItem('jwt_token')) {
      next();
    } else {
      next({
        path: '/',//如果为假，则重定向到这个路由路劲
      })
    }
  } else {
    next()
  }
})


new Vue({
  router,
  store,
  i18n,
  render: h => h(App),
}).$mount('#app')
